<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no" />
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <title>【99元学语数】马思特暑假太疯狂</title>
    <link rel="stylesheet" href="{{ URL::asset('/') }}mastedu/index/css/index.css">
    <script type="text/javascript">
        //原理是在微信易信执行Ready之前，先注册事件，所以放在所有请求的最前面
        document.addEventListener("WeixinJSBridgeReady", function () {
            audioAutoPlay();//给个全局函数
        }, false);
        document.addEventListener('YixinJSBridgeReady', function () {
            audioAutoPlay();//给个全局函数
        }, false);
    </script>
</head>
<body>


<div class="play zxhh" >

    <audio id="Jaudio" class="media-audio" src="{{ URL::asset('/') }}mastedu/bg.mp3" preload loop="loop"></audio>
</div>

<div class="main-box">
    <div class="head-main">
        <header class="header-box">
            <img class="main-title" src="{{ URL::asset('/') }}mastedu/index/pic/main-title.png" alt="">
            <div style="width: 100%;text-align: center;color: #fff;">目前已成功报名:{{$enroll_num}}人</div>
            <!--倒计时-->
            <div class="main-time">
                <div class="main-time-title">距离活动结束还有:</div>
                <ul class="time-ul clear" id="times_container">
                    <li>
                        <div id="times_day"></div>
                        <div>天</div>
                    </li>
                    <li>
                        <div id="times_hour"></div>
                        <div>时</div>
                    </li>
                    <li>
                        <div id="times_minute"></div>
                        <div>分</div>
                    </li>
                    <li>
                        <div id="second"></div>
                        <div>秒</div>
                    </li>
                </ul>
            </div>
            <a href="javascript:" class="btn-go-grpup">
                <img src="{{ URL::asset('/') }}mastedu/index/pic/btn-go-grpup.png" alt="">
            </a>
        </header>
    </div>

    <div class="free">
        <img src="{{ URL::asset('/') }}mastedu/index/pic/free-title.png" width="68%">
    </div>
    <ul class="btn-go-box clear">
        <li class="btn-go-si">
            <a href="/mastedu/grade/second?appid={{$appid}}&token={{$token}}" class="btn-go">
                <img src="{{ URL::asset('/') }}mastedu/index/pic/bg-xiaoyi.png" alt="">
            </a>
            <div class="btn-go-note">（秋季开学三年级）</div>
        </li>
        <li class="btn-go-si">
            <a href="/mastedu/grade/three?appid={{$appid}}&token={{$token}}" class="btn-go">
                <img src="{{ URL::asset('/') }}mastedu/index/pic/bg-chuyi.png" alt="">
            </a>
            <div class="btn-go-note">（秋季开学四年级）</div>
        </li>
    </ul>
    <div class="draw-part">
        <a href="/mastedu/turntable/lottery?appid={{$appid}}&token={{$token}}"><img src="{{ URL::asset('/') }}mastedu/index/pic/draw-part.png" width="92%"></a>
    </div>
    <div class="main-rule-box">
        <div class="main-rule-title">
            <img src="{{ URL::asset('/') }}mastedu/index/pic/note-title.png" alt="">
        </div>
        <ul class="main-rule-ul">
            <li class="clear">
                <div class="main-rule-left">活动时间：</div>
                <div class="main-rule-right">2018年4月8日~2018年4月30日</div>
            </li>
            <li class="clear">
                <div class="main-rule-left">活动区域：</div>
                <div class="main-rule-right">马思特教育<span class="rule-color-y">株洲各分校</span></div>
            </li>
            <li class="clear">
                <div class="main-rule-left">活动对象：</div>
                <div class="main-rule-right">2018秋季开学<span class="rule-color-y">三年级、四年级</span>学生</div>
            </li>
            <li class="clear">
                <div class="main-rule-left">活动福利：</div>
                <div class="main-rule-right">转发活动页面至微信群或朋友圈<span class="rule-color-y">即可参与抽奖，活动期间每人每天可抽奖3次</span>，有iPad、小米手环、书包等精美礼品中奖率80%</div>
            </li>
            <li class="clear">
                <div class="main-rule-left">活动解释：</div>
                <div class="main-rule-right">马思特教育集团有权在法律许可的范围内对活动进行解释</div>
            </li>
        </ul>

    </div>
    <div class="main-rule-note">马思特教育集团版权所有</div>

</div>

</body>
</html>
<div id="alert-zixun" class="alert-zixun">
    <div class="alert-zixun-content">
        <img class="img-code-zixun" src="{{ URL::asset('/') }}mastedu/index/pic/code-zixun.jpg" alt="">
        <div class="code-zicun-note">扫描小马哥微信咨询详情</div>
    </div>
    <img class="btn-cloes-zixun" src="{{ URL::asset('/') }}mastedu/index/pic/btn-cloes-zixun.png" alt="">
</div>

<script src="{{ URL::asset('/') }}mastedu/js/jquery-3.1.1.min.js"></script>
<script src="{{ URL::asset('/') }}mastedu/js/layer.js"></script>
<script src="{{ URL::asset('/') }}mastedu/js/font.js"></script>
<script src="{{ URL::asset('/') }}mastedu/index/js/daojishi.js"></script>
<script src="{{ URL::asset('/') }}mastedu/js/music.js"></script>

<script>
    //捕获页
    $(".btn-go-grpup").on("click", function () {
        layer.open({
            type: 1,
            shade: [0.7, 'rgb(0, 0, 0)'],
            area: ['90%'],
            offset: ['25%'],
            scrollbar: false,
            shadeClose: true,
            resize: true,
            title: false, //不显示标题
            closeBtn: 0,
            content: $("#alert-zixun"),
            success: function (layero, index) {
                $(".btn-cloes-zixun").on("click", function () {
                    layer.closeAll();
                })
            }

        });
    })

    function audioAutoPlay() {//全局控制播放函数
        var audio = document.getElementById("Jaudio"),
            play = function () {
                audio.play();
                document.removeEventListener("touchstart", play, false);
            };
        audio.play();
        document.addEventListener("touchstart", play, false);
    }

    var isAppInside = /micromessenger/i.test(navigator.userAgent.toLowerCase()) || /yixin/i.test(navigator.userAgent.toLowerCase());

    if (!isAppInside) {
        //给非微信易信浏览器
        audioAutoPlay();
    }


    var _hmt = _hmt || [];
    (function () {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?83845842bc09b9e77eeab77d5d9d2779";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>
<script src="{{ URL::asset('/') }}mastedu/js/publib.js"></script>
<script src="{{ URL::asset('/') }}mastedu/js/jweixin-1.2.0.js"></script>
@include('mastedu.share')
